$header-background-color: var(--rz-base-background-color) !default;
$header-min-height: 3.125rem !default;
$header-z: 2 !default;
$header-border: var(--rz-border-base-200) !default;
$header-color: var(--rz-text-color) !default;
$header-shadow: none !default;

// Header CSS variables

:root {
  --rz-header-background-color: #{$header-background-color};
  --rz-header-min-height: #{$header-min-height};
  --rz-header-z: #{$header-z};
  --rz-header-border: #{$header-border};
  --rz-header-color: #{$header-color};
  --rz-header-shadow: #{$header-shadow};
}

.rz-header {
  background-color: var(--rz-header-background-color);
  min-height: var(--rz-header-min-height);
  border-bottom: var(--rz-header-border);
  color: var(--rz-header-color);
  box-shadow: var(--rz-header-shadow);

  &.fixed {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: var(--rz-header-z);
  }

  a {
    text-decoration: none;
  }
}
